<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<jsp:useBean id="bExamen" class="Beans.BeanExamen" scope="session"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Nuevo Examen</title>
      <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
      <script language="javaScript" src="scripts/utiles.js"></script>
      <script language="JavaScript">
         <!--Esconder JavaScript para navegadores antiguos                
            function asignarBorrado(idTema)
            {                           
               document.borraTemas.borraIdTema.value = idTema;                                                                                       
            }
         //-->    
      </script>  
   </head>

   <body>
      <div id="container">
         <div id="header">
            <div id="headerLeft">
               <h1><span style="color:#599EC8;">EXAMENES</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;WEB</h1>
            </div>
                   
            <form id="formSalir" name="formSalir" method="post" action="Control" class="formulario">
               <div id="pass" align="right">
                  <a href="cambiaPassw.jsp" target="_new"><strong><font color="#000000">Cambiar contraseña</font></strong></a>
                  <input type="hidden" name="opcion" value="logout">
                  <input type="submit" name="logout" value="Logout"/>
               </div>       
            </form>
         </div>
      </div><br/>
      
      <c:if test="${usuActivo.nombre == null || usuActivo.tipoS != 'P'}">
         <div align=center>
            <strong><font color="#993300">Usted no se ha logueado apropiadamente.</font></strong><br/>
            <a>&nbsp;</a>
         </div>
      </c:if>  

      <c:if test="${usuActivo.nombre != null && usuActivo.tipoS == 'P'}">
          
          <c:if test="${param.msg == 'REGINCOM'}">
              <div align=center>
                  <strong><font color="#993300">Debe completar todos los campos requeridos.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <c:if test="${param.msg == 'FAILCARG'}">
              <div align=center>
                  <strong><font color="#993300">Fallo la carga.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <c:if test="${param.msg == 'FAILERASE'}">
              <div align=center>
                  <strong><font color="#993300">Fallo el borrado del tema.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if> 
          
          <c:if test="${param.msg == 'SUCSCARG'}">
              <div align=center>
                  <strong><font color="#993300">La carga se realizo correctamente.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <h1 id="title">Examen de ${param.materia}</h1>
          
          <form name="nuevoTema" method="post" action="Control" onsubmit="return chequearNuevoTema(nuevoTema.titulo, nuevoTema.enunciado, nuevoTema.puntaje);">
              <input type="hidden" name="opcion" value="cargarTema">
              <input type="hidden" name="nomMat" value="${param.materia}">
              <input type="hidden" name="idExamen" value="${bExamen.idExamen}">
              <input type="hidden" name="parte" value="">
              <input type="hidden" name="submit" value="libre">
              <input type="hidden" name="puntosAsignados" value="0">
              
              <div id="nuevoTema">
                  <h1 id="subtitle">Ingresar nuevo Tema</h1><br>
                  
                  <table width="300">
                      <tr>
                          <td align="left"><input type="radio" name="tipoTema" value="l" onClick="ocultar('div1', 'div2');" checked="checked"></td>
                          <td align="left">Texto Libre</td>
                      </tr>
                      <tr>
                          <td align="left"><input type="radio" name="tipoTema" value="e" onClick="mostrarExcluyente('div1', 'div2');"></td>
                          <td align="left">Selección Excluyente</td>
                      </tr>
                      <tr>
                          <td align="left"><input type="radio" name="tipoTema" value="m" onClick="mostrarMultiple('div1', 'div2');"></td>
                          <td align="left">Selección Multiple</td>
                      </tr>
                  </table><br>
                  
                  <table width="300" border="0">
                      <tr>
                          <td width="113" align="left">Título: </td>
                          <td width="169">
                              <div align="left">
                                  <input name="titulo" type="text" value="" maxlength="30"/>
                              </div>
                          </td>
                      </tr>
                      <tr>
                          <td align="left">Enunciado: </td>
                          <td>
                              <div align="left">
                                  <input name="enunciado" type="text" id="enunciado" maxlength="256">
                              </div>
                          </td>
                      </tr>
                      <tr>
                          <td align="left">Puntaje: </td>
                          <td>
                              <div align="left">
                                  <input name="puntaje" type="text" value="" maxlength="3"/>
                              </div>
                          </td>
                      </tr>
                  </table><br>
                  
                  <div id="div2" style="visibility:visible" align="center" width="300" border="0">
                      <input type="hidden" name="idExamen" value="<jsp:getProperty name="bExamen" property="idExamen"/>">      
                      <input type="submit" name="cargarTema" value="Cargar Tema">    
                  </div>
                  
                  <div id="div1" style="visibility:hidden" align="center">
                      <table width="300">
                          <tr>
                              <td width="269" align="center">
                                  <div align="center">
                                      <p><strong>Opciones</strong></p>
                                      <table width="200">
                                          <tr>
                                              <td align="center">¿Correcto?</td>
                                              <td align="center">Opción</td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select0" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td>
                                                  <input name="opcion0" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select1" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td>
                                                  <input name="opcion1" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select2" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td>
                                                  <input name="opcion2" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select3" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td>
                                                  <input name="opcion3" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select4" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td><input name="opcion4" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td>
                                                  <select name="select5" size="1">
                                                      <option value="n">N</option>
                                                      <option value="s">S</option>
                                                  </select>
                                              </td>
                                              <td><input name="opcion5" type="text" value="" maxlength="150"/>
                                              </td>
                                          </tr>
                                      </table>
                                      <p>
                                          <input type="submit" name="agregarOpcion" value="Cargar Tema">
                                      </p>
                                  </div>
                              </td>
                          </tr>
                      </table>
                  </div>
              </div>
          </form>
          
          <table width="65%" border="0" align="right">
              <tr>
                  <td>
                      <h1 id="subtitle">Vista previa del Examen</h1><br>
                      
                      <div id="datoExamen">
                          <table width="90%" border="0" align="center">
                              <tr>
                                  <td width="60%">
                                      <font color=#990000>Fecha de Inicio: </font>
                                      <jsp:getProperty name="bExamen" property="fechaIni"/>
                                  </td>
                                  <td width="40%">
                                      <font color=#990000>Total de Puntos: </font>                    
                                      <jsp:getProperty name="bExamen" property="puntaje"/>
                                  </td>
                              </tr>
                          </table>
                      </div>
                      
                      <form name="borraTemas" method="post" action="Control">
                          <input type="hidden" name="opcion" value="borrarTema">
                          <input type="hidden" name="idExamen" value="${bExamen.idExamen}">
                          <input type="hidden" name="nomMat" value="${param.materia}">
                          <input type="hidden" name="borraIdTema" value="">
                          
                          <div id="Examen">
                              <c:forEach var="temas" items="${temasPro}">
                                  <c:if test="${temas.columna7 == bExamen.idExamen}">
                                      <div id="tit" align="left"><br/>
                                          <h1 id="temas">TEMA <c:out value="${temas.columna9}"/>) <c:out value="${temas.columna1}"/> <input type="submit" value="Borrar Tema" name="borraTemaL" onclick="asignarBorrado(${temas.columna6})"/></h1><br/>
                                          <h1 id="enunciados"><em>Enunciado: </em><c:out value="${temas.columna2}"/> <c:out value="(${temas.columna8} Puntos)"/></h1><br/>
                                      </div>
                                      
                                      <c:if test="${temas.columna3 == 'l'}">
                                          <h1 id="enunciados"><em>Tipo: </em>Texto libre.</h1><br>
                                          <textarea name="${temas.columna6}" rows="9" cols="70" id="${temas.columna6}" disabled></textarea><br>
                                      </c:if>
                                      
                                      <c:if test="${temas.columna3 == 'm'}">
                                          <h1 id="enunciados"><em>Tipo: </em>Selección Multiple.</h1><br>
                                          <c:forEach var="opciones" items="${opcionesPro}">
                                              <c:if test="${temas.columna6 == opciones.columna7}">
                                                  <div align="left">
                                                      <input type="checkbox" name="${temas.columna6}.${opciones.columna8}" value="${opciones.columna6}" disabled/>
                                                                                                                                                                 <c:out value="${opciones.columna2}"/><br>
                                                  </div>
                                              </c:if>
                                          </c:forEach>
                                      </c:if>
                                      
                                      <c:if test="${temas.columna3 == 'e'}">
                                          <h1 id="enunciados"><em>Tipo: </em>Selección Excluyente.</h1><br>
                                          <c:forEach var="opciones" items="${opcionesPro}">
                                              <c:if test="${temas.columna6 == opciones.columna7}">
                                                  <div align="left">
                                                      <input type="radio" name="${temas.columna6}" value="${opciones.columna6}" disabled/>
                                                                                                                                         <c:out value="${opciones.columna2}"/><br>
                                                  </div>
                                              </c:if>
                                          </c:forEach>
                                      </c:if>
                                  </c:if>
                              </c:forEach>    
                          </div>
                      </form>
                      
                      <form name="validaExamen" method="post" action="Control">
                          <input type="hidden" name="opcion" value="valExamen">
                          <input type="hidden" name="idExamen" value="${bExamen.idExamen}">
                          <input type="hidden" name="nomMat" value="${param.materia}">
                          
                          <c:if test="${bExamen.puntaje != 0}">
                              <div align="center">
                                  <input type="submit" value="Crear Examen" name="validarExamen" onclick="asignar()"/>
                              </div>
                          </c:if>
                      </form>
                  </td>
              </tr>
          </table>
      </c:if>
   </body>
</html>